function processFile(blob, fileName) {
        var angleInput = $('.extra-input input').first().val();
        var rawAngle = parseInt(angleInput, 10);
        if (!isFinite(rawAngle)) rawAngle = 90;

        var angle = ((rawAngle % 360) + 360) % 360;
        if ([0, 90, 180, 270].indexOf(angle) < 0) {
            angle = (Math.round(angle / 90) * 90) % 360;
        }

        var reader = new FileReader();
        reader.onload = function(e) {
            var img = new Image();
            img.onload = function() {
                var canvas = document.createElement('canvas');
                var ctx = canvas.getContext('2d');

                if (angle === 90 || angle === 270) {
                    canvas.width = img.height;
                    canvas.height = img.width;
                } else {
                    canvas.width = img.width;
                    canvas.height = img.height;
                }

                if (angle === 90) {
                    ctx.translate(canvas.width, 0);
                } else if (angle === 180) {
                    ctx.translate(canvas.width, canvas.height);
                } else if (angle === 270) {
                    ctx.translate(0, canvas.height);
                }
                if (angle !== 0) {
                    ctx.rotate(angle * Math.PI / 180);
                }
                ctx.drawImage(img, 0, 0);

                var inputMime = (blob.type || '').toLowerCase();
                var outMime = (inputMime === 'image/jpeg' || inputMime === 'image/png' || inputMime === 'image/webp') ? inputMime : 'image/png';
                var ext = outMime === 'image/jpeg' ? '.jpg' : (outMime === 'image/webp' ? '.webp' : '.png');

                canvas.toBlob(function(outBlob) {
                    if (!outBlob) { alert('Could not rotate this image file.'); return; }
                    var baseName = fileName.replace(/\.[^.]+$/, '');
                    add_file_output(URL.createObjectURL(outBlob), baseName + '-rotated-' + angle + ext);
                }, outMime, 0.92);
            };
            img.onerror = function() { alert('Could not open this image file.'); };
            img.src = e.target.result;
        };
        reader.readAsDataURL(blob);
    }







var _loadedScripts = {};
function loadScriptPromise(url) {
    if (_loadedScripts[url]) return _loadedScripts[url];
    _loadedScripts[url] = new Promise(function (resolve, reject) {
        var s = document.createElement('script');
        s.src = url;
        s.onload = resolve;
        s.onerror = reject;
        document.head.appendChild(s);
    });
    return _loadedScripts[url];
}

function replaceAll(find, replace, str) {
    return str.replace(new RegExp(find, 'g'), replace);
}

function beautify(str) {


    var result = '';

    var length = str.length;

    var i = 0;

    var braceCountLeft = 0;
    var braceCountRight = 0;

    var withinQuotes = false;

    while (i < length) {

        var c = str[i];

        if (c == '"' && (i == 0 || c[i - 1] != '\\')) {
            // non-escaped quotes
            withinQuotes = !withinQuotes;
        }

        if (!withinQuotes && (c == '}' || c == '{' || c == ',')) {

            console.log('Start####' + result);

            // look back and remove carriage returns and whitespace that are already there

            var resultIndex = result.length - 1;
            while (resultIndex >= 0 && (result[resultIndex] == ' ' || result[resultIndex] == '\r' || result[resultIndex] == '\n' || result[resultIndex] == '\t')) {

                resultIndex = resultIndex - 1;
                result = result.substr(0, resultIndex + 1);

                console.log('char ' + result[resultIndex] + '-----' + result + 'zzz ' + result.length + ' ' + resultIndex);

            }


            if (c == '{') {
                braceCountLeft++;
                result += c + '\r' + GetTabs(braceCountLeft - braceCountRight);
            } else if (c == '}') {
                braceCountRight++;
                // precede with carriage return
                result += '\r' + GetTabs(braceCountLeft - braceCountRight) + c;
            } else if (c == ',') {
                result += c + '\r' + GetTabs(braceCountLeft - braceCountRight);
            }

            var nextChar = '';

            // advance through whitespace and remove carriage returns that are already there
            while (i < length && (str[i + 1] == ' ' || str[i + 1] == '\r' || str[i + 1] == '\n' || str[i + 1] == '\t')) {
                i++;
            }

        } else {

            result += str[i];

        }


        i++;

    }

    return result;

}

function GetTabs(count) {

    var result = '';

    for (var i = 0; i < count; i++) {
        result += '    ';
    }

    return result;

}